﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<TemplateWeb.Models.ViewModels.GroupViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        function emailMatchRegex() {
            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
            var email = document.getElementsByName("email").item(0);
            if (!emailReg.test(email.value)) {
                return false;
            }
            return true;
        }

        function ValidateRegister() {
            var fullname = document.getElementsByName("fullname").item(0);
            if (fullname.value == "") {
                alert("Bạn chưa nhập họ tên");
                return false;
            }
            var phone = document.getElementsByName("phone").item(0);
            if (phone.value == "") {
                alert("Bạn chưa nhập số điện thoại");
                return false;
            }
            var address = document.getElementsByName("address").item(0);
            if (address.value == "") {
                alert("Bạn chưa nhập địa chỉ");
                return false;
            }
            var email = document.getElementsByName("email").item(0);
            if (email.value == "") {
                alert("Bạn chưa nhập email");
                return false;
            }
            if (!emailMatchRegex()) {
                alert("Email không hợp lệ");
                return false;
            }
            var username = document.getElementsByName("username").item(0);
            if (username.value == "") {
                alert("Bạn chưa nhập tên đăng nhập");
                return false;
            }
            var password = document.getElementsByName("password").item(0);
            if (password.value == "") {
                alert("Bạn chưa nhập mật khẩu");
                return false;
            }
            var confirmpassword = document.getElementsByName("confirmpassword").item(0);
            if (confirmpassword.value == "") {
                alert("Bạn chưa nhập xác nhận mật khẩu");
                return false;
            }
            if (password.value != confirmpassword.value) {
                alert("Mật khẩu và xác nhận mật khẩu không giống nhau");
                return false;
            }
            return true;
        }
    </script>
    <%
        var fullname = ViewData["fullname"] == null ? string.Empty : ViewData["fullname"];
        var phone = ViewData["phone"] == null ? string.Empty : ViewData["phone"];
        var email = ViewData["email"] == null ? string.Empty : ViewData["email"];
        var address = ViewData["address"] == null ? string.Empty : ViewData["address"];
        var username = ViewData["username"] == null ? string.Empty : ViewData["username"];
        var password = ViewData["password"] == null ? string.Empty : ViewData["password"];
        var confirmpassword = ViewData["confirmpassword"] == null ? string.Empty : ViewData["confirmpassword"];
    %>
    <div id="DivTinTucVTA" style="display: block;">
        <table id="VTA_LoadContent_ctl00_VTA_LoadBody1_TblLoadQuanCao" style="width: 100%;
            border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <td style="width: 100%;" valign="top">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td class="maintabletitlebg" align="center" height="42">
                                        <h1>
                                            Đăng ký</h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="graytdborder" style="border-right-width: 0px ! important;" align="center">
                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                            <tbody>
                                                <tr>
                                                    <td class="tdcell" align="left" width="100%">
                                                        <div style="padding: 10px; font-size: 12px;">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                <tbody>
                                                                    <tr>
                                                                        <td valign="top">
                                                                            <!-- MAIN -->
                                                                            <div style="margin-left: 10px; margin-right: 10px; text-align: left">
                                                                                <br>
                                                                                Đánh dấu <b>*</b> là bắt buộc nhập.<br>
                                                                                <br>
                                                                            </div>
                                                                            <% using (Html.BeginForm("Register", "Account", FormMethod.Post, new { onsubmit = "return ValidateRegister();" }))
                                                                               { %>
                                                                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="text-align: left">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px;">
                                                                                                <b>Họ tên *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.TextBox("fullname", fullname, new { @style = "width: 300px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px;">
                                                                                                <b>Điện thoại *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <input class="numeric" name="phone" value="<%= phone %>" type="text" style="width: 300px;" />
                                                                                            </div>
                                                                                            <script type="text/javascript">
                                                                                                $(".numeric").numeric();
                                                                                            </script>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 5px 5px 10px;">
                                                                                                <b>Địa chỉ *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.TextBox("address", address, new { @style = "width: 300px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 5px 5px 10px;">
                                                                                                <b>Email *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.TextBox("email", email, new { @style = "width: 300px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td colspan="2">
                                                                                            &nbsp;
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 5px 5px 10px;">
                                                                                                <b>Tên đăng nhập *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.TextBox("username", username, new { @style = "width: 200px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 5px 5px 10px;">
                                                                                                <b>Mật khẩu *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.Password("password", password, new { @style = "width: 200px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 5px 5px 10px;">
                                                                                                <b>Nhập lại mật khẩu *</b></div>
                                                                                        </td>
                                                                                        <td valign="top">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <%= Html.Password("confirmpassword", confirmpassword, new { @style = "width: 200px;" })%>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td height="20" style="width: 130px">
                                                                                        </td>
                                                                                        <td height="20">
                                                                                            <div style="margin: 5px 10px 5px 5px;">
                                                                                                <br />
                                                                                                <input type="submit" name="sbt" id="sbt" value="Đăng ký" style="background-image: url(../../../Content/Images/Home/bgbutton.jpg);
                                                                                                    color: #FFFFFF; font-size: 16px; font-weight: bold; border: 1px #DBDBDB solid;
                                                                                                    height: 30px; cursor: pointer;" />
                                                                                                <p>
                                                                                                </p>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                                <!-- MAIN END -->
                                                                            </table>
                                                                            <% } %>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</asp:Content>
